<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>
<body>
    <header>
        <h1 class="logo">
            <img src="./images/logo.jpg" alt="">
        </h1>
        <a href="#">
            <i class="iconfont icon-youxiang"></i>
        </a>
    </header>

    <div class="banner">
        <img src="./images/banner.png" alt="">
    </div>

    <div class="content">
        <div class="must">
            <i class="iconfont icon-lingdang lingdang"></i>
            <h2 class="must-tit">
                学员必看：
            </h2>
            <a href="#">
                退考须知
            </a>
            <a href="#">
                约考须知
            </a>
        </div>

        <div class="con">
            <ul class="con-list">
                <li>
                    <a href="#">
                        <img src="./images/img1.png" alt="">
                        <p>
                            企业发展
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img2.png" alt="">
                        <p>
                            学车指南
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img3.png" alt="">
                        <p>
                            班型介绍
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img4.png" alt="">
                        <p>
                            报名中心
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img5.png" alt="">
                        <p>
                            班车服务
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img6.png" alt="">
                        <p>
                            理论学习
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img7.png" alt="">
                        <p>
                            模拟考试
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img8.png" alt="">
                        <p>
                            预约训练
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img9.png" alt="">
                        <p>
                            综合查询
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img10.png" alt="">
                        <p>
                            签到签退
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img11.png" alt="">
                        <p>
                            在线客服
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img12.png" alt="">
                        <p>
                            在线缴费
                        </p>
                    </a>
                </li>
            </ul>
        </div>

        <div class="bgline"></div>

        <div class="news">
            <div class="news-top">
                <h2 class="news-tit">
                    <i class="iconfont icon-laba"></i>
                    新闻资讯
                </h2>
                <a href="#">
                    查看更多
                </a>
            </div>
            <ul class="news-list">
                <li>
                    <img class="fl" src="./images/new1.png" alt="">
                    <h3 class="fl">
                        海驾摩托车节 | 全新优惠,全面出击
                    </h3>
                    <p class="fl clearfix">
                        <span class="act fl">
                            海驾活动
                        </span>
                        <span class="fr">
                            14天前
                        </span>
                    </p>
                </li>
                <li>
                    <img class="fl" src="./images/new2.png" alt="">
                    <h3 class="fl">
                        持续关注中小学生安全教育,持续落实交通安全“五个一”
                    </h3>
                    <p class="fl clearfix">
                        <span class="act fl">
                            热门新闻
                        </span>
                        <span class="fr">
                            14天前
                        </span>
                    </p>
                </li>
                <li>
                    <img class="fl" src="./images/new3.png" alt="">
                    <h3 class="fl">
                        2018年"清明节”放假通知<br>
                    </h3>
                    <p class="fl clearfix">
                        <span class="act fl">
                            驾校公告
                        </span>
                        <span class="fr">
                            20天前
                        </span>
                    </p>
                </li>
                <li>
                    <img class="fl" src="./images/new4.png" alt="">
                    <h3 class="fl">
                        关于开设晚段训练的重要通知<br>
                    </h3>
                    <p class="fl clearfix">
                        <span class="act fl">
                            驾校公告
                        </span>
                        <span class="fr">
                            25天前
                        </span>
                    </p>
                </li>
            </ul>
        </div>
    </div>
    
    <footer>
        <ul class="foot-list">
            <li class="foot-list-on">
                <a href="#">
                    <i class="iconfont icon-iconfontzhizuobiaozhun023101"></i>
                    <span>
                        首页
                    </span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-baoming"></i>
                    <span>
                        报名
                    </span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-quanquanb"></i>
                    <span>
                        驾校圈
                    </span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-wode"></i>
                    <span>
                        我的
                    </span>
                </a>
            </li>
        </ul>
    </footer>
</body>
</html>